<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 网络请求之间有依赖关系，很多接口可能要依赖上一个接口的数据才能执行 -->
    <script>
        function ajax(url){
            return new Promise(function(resolve,reject){
                $.getJSON(url,function(result){
                    resolve(result);
                },function(error){
                    reject(error);
                })

            })
        }
        //async可以将promise的结果直接读出来，不需要通过.then.
        async function getInfo(){
            var id =await ajax("");
            var info = await ajax(""+id[0]);
            var result = await ajax(""+info.name);
            console.log(result);
        }
        getInfo();
    </script>
</body>
</html>